<%@ page contentType="text/html;charset=UTF-8" %>
<%@include file="/WEB-INF/jsp/common/taglibs.jspf"%>
<es:contentHeader/>

<div class="page-content">
    <div class="row">
        <div class="col-xs-12 widget-container-col ui-sortable">
            <div class="widget-box widget-color-blue ui-sortable-handle">
                <div class="widget-header">
                    <h5 class="widget-title bigger lighter">
                        <i class="ace-icon fa fa-hand-o-right"></i> 查询
                    </h5>
                </div>
                <div class="widget-body">
                    <div class="widget-main no-padding clearfix search_area">
                        <form id="searchForm" class="form-horizontal padding-vertical">
                            <div class="row">
                                <div class="form-group col-sm-4">
                                    <esform:label path="search.show_eq" cssClass="col-sm-4 control-label no-padding-right">是否显示</esform:label>
                                    <div class="col-sm-8">
                                        <esform:select path="search.show_eq" cssClass="form-control input-sm">
                                            <esform:option label="全部" value=""/>
                                            <esform:options items="${booleanList}" itemLabel="info" itemValue="value"/>
                                        </esform:select>
                                    </div>
                                </div>
                                <div class="form-group col-sm-4">
                                    <esform:label path="search.id_in" cssClass="col-sm-4 control-label no-padding-right">编号</esform:label>
                                    <div class="col-sm-8">
                                        <esform:input path="search.id_in" cssClass="form-control input-sm" placeholder="多个使用空格分隔"/>
                                    </div>
                                </div>
                                <div class="form-group col-sm-4">
                                    <esform:label path="search.age_gt" cssClass="col-sm-2 control-label no-padding-right">年龄</esform:label>
                                    <div class="col-sm-10">
                                        <div class="input-group">
                                            <esform:input path="search.age_gt" type="number" cssClass="form-control input-sm" placeholder="大于"/>
                                            <span class="input-group-addon input-sm no-border-left no-border-right">
                                                <esform:label path="search.age_lt" cssClass="no-margin"><i class="fa fa-exchange"></i></esform:label>
                                            </span>
                                            <esform:input path="search.age_lt" type="number" cssClass="form-control input-sm" placeholder="小于"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-sm-4 no-margin-bottom has-feedback">
                                    <esform:label path="search.birthday_gte" cssClass="col-sm-4 control-label no-padding-right">出生日期始</esform:label>
                                    <div class="col-sm-8">
                                        <span class="input-icon input-icon-right">
                                            <esform:input path="search.birthday_gte" cssClass="form-control input-sm date" placeholder="大于等于" readonly="true"/>
                                            <i class="ace-icon fa fa-calendar"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group col-sm-4 no-margin-bottom">
                                    <esform:label path="search.birthday_lte" cssClass="col-sm-4 control-label no-padding-right">出生日期止</esform:label>
                                    <div class="col-sm-8">
                                        <span class="input-icon input-icon-right">
                                            <esform:input path="search.birthday_lte" cssClass="form-control input-sm date" placeholder="小于等于" readonly="true"/>
                                            <i class="ace-icon fa fa-calendar"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group col-sm-4 no-padding-bottom"></div>
                            </div>
                        </form>
                    </div>
                    <div class="widget-toolbox padding-8 clearfix text-right">
                        <button id="search" class="btn btn-xs btn-danger">
                            <i class="ace-icon fa fa-search"></i>
                            <span class="bigger-110">查询</span>
                        </button>
                        <a id="clearSearch" class="btn btn-link btn-xs">清空</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 widget-container-col ui-sortable">
            <div class="widget-box widget-color-blue ui-sortable-handle">
                <div class="widget-header">
                    <h5 class="widget-title bigger lighter">
                        <i class="ace-icon fa fa-table"></i> 列表
                    </h5>
                    <div class="widget-toolbar">
                        <shiro:hasPermission name="showcase:sample:create">
                            <a id="create" class="white" data-tooltip title="新增">
                                <i class="ace-icon fa fa-plus bigger-120"></i>
                            </a>
                        </shiro:hasPermission>
                        <shiro:hasPermission name="showcase:sample:update">
                            <a id="update" class="white" data-tooltip title="修改">
                                <i class="ace-icon fa fa-pencil bigger-120"></i>
                            </a>
                        </shiro:hasPermission>
                        <shiro:hasPermission name="showcase:sample:delete">
                            <a id="delete" class="white" data-tooltip title="删除">
                                <i class="ace-icon fa fa-times bigger-120"></i>
                            </a>
                        </shiro:hasPermission>
                        <a id="refresh" class="white" data-tooltip title="刷新">
                            <i class="ace-icon fa fa-refresh bigger-120"></i>
                        </a>
                        <a id="fullscreen" class="orange2" data-tooltip title="全屏">
                            <i class="ace-icon fa fa-expand bigger-120"></i>
                        </a>
                     </div>
                </div>
                <div class="widget-body">
                    <div class="widget-main no-padding table_area">
                        <table id="grid-table"></table>
                        <div id="grid-pager"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<es:contentFooter>
<script src="${ctx}/static/js/showcase/sample.js?1"></script>
</es:contentFooter>
